<template>
  <div class="view-container">
    <div class="wrapper"></div>
    <div class="wrapper-white">
      <span class="top-Title">加强质量管理<br />——纺织企业永恒的主题</span>
      <span class="top-sub" style="text-indent: 2em">
        产品质量是纺织企业市场竞争力的决定因素之一。
        对于纺织企业“多工序、多机台、连续生产”的行业特点来说，任何一个环节、某一个工序的失误，都会产生质量波动，产生不良产品。尽管现在纺纱设备智能化程度、纱线检测技术得到了很大提高，但加强质量管理，提高产品质量仍是永恒的主题。</span>
      <div class="top-img">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/faab5f9dcdd133cebbfcc7253aa70000.png"
        />
      </div>
    </div>
    <div class="tradition-wrapper">
      <span class="top-Title">传统质量管理</span>
      <span class="top-sub tradition-sub"
        >在建立知识库、模型库的基础上，通过有效的<br />推理，确定影响纱线性能的主要因素，<br />给出相关的技术参数。通过自学习能力，总结规律，<br />不断完善和扩充系统本身。</span>
      <div class="tradition-list">
        <div  v-for="(item, index) in tradition" :key="index" class="wow fadeInUp">
          <div class="tradition-img">
            <van-image width="100%" height="100%" fit="cover" :src="item.url" />
          </div>
        </div>
      </div>
    </div>
    <div class="cotton-wrapper">
      <span class="top-Title cotton-Title">棉纺质量监控与保障体系</span>
      <span class="top-sub cotton-sub">现代棉纺织生产的质量控制技术有在线检测<br />及离线检测两个体系。</span>
      <div class="cotton-list wow fadeInRight">
        <div class="cotton-list-top">
          <div class="cotton-list-top-image">
            <van-image
              width="100%"
              height="100%"
              fit="cover"
              src="https://oss.cloudcpc.com/c662edfa05dd3e17ab5ae4e516524e9a.png"
            />
          </div>
          <div class="cotton-list-top-txt">离线检测</div>
        </div>
        <div class="cotton-list-down">
          <div class="cotton-list-down-image"></div>
          <div class="cotton-list-down-txt">
            有对原料、半制品及成品的检测，如利用乌斯特离线检测仪器 AFIS、HVI、USTER 条干仪、zweigle565、566
            型毛羽检测仪及USTER 强力仪等；
          </div>
        </div>
      </div>
      <div class="cotton-list wow fadeInRight">
        <div class="cotton-list-top">
          <div class="cotton-list-top-image2">
            <van-image
              width="100%"
              height="100%"
              fit="cover"
              src="https://oss.cloudcpc.com/c6d166d764f1371b9135fa3903237379.png"
            />
          </div>
          <div class="cotton-list-top-txt">在线检测技术</div>
        </div>
        <div class="cotton-list-down">
          <div class="cotton-list-down-image"></div>
          <div class="cotton-list-down-txt">
            分布于开清棉、梳棉、粗并条、精梳、细纱及络纱各工序，做到层层把关，与离线检测一起形成质量监控与保障体系。
          </div>
        </div>
      </div>
    </div>
    <div class="cotton-img">
      <div scroll-x="true" style="width: 100%;overflow-x: auto">
        <div class="cotton-img-white div-item"></div>
      </div>
    </div>
     <div class="system">
      <span class="top-Title cotton-Title system-Title">系统功能</span>
       <div  scroll-x="true" style="width: 100%;overflow-x: auto;z-index: 999;position: relative;">
        <div class="system-back">
        </div>
        <div class="system-midd-image">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/03540106318e3f4f83c5f7f571b424dc.png"
          />
        </div>
        <div class="system-img-white div-item">
          <div class="system-list wow fadeInUp">
            <div class="system-list-image">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/04331086d62436f6a60182f8d05658e6.png"
              />
            </div>
            <div class="system-list-sub">
              建立各种质量标准，如产品总体质量标准、各生产工序质量标准、明确检测手段，以及质量保障措施，纺纱各工序的部分质量控制指标及检测方式。
            </div>
            <div class="system-list-url">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/b98db7a865ec3a5588c12c79fb327686.png"
              />
            </div>
          </div>
          <div class="system-list-2 wow fadeInUp">
            <div class="system-list-image system-list-image2">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/2787948eeefb3c1d9b0fe22ab181e0ba.png"
              />
            </div>
            <div class="system-list-sub system-list-sub2">
              对提供质量检验活动所需的资源包括人员、工具、材料、检验项目、检验类型等进行定义和初始化。
            </div>
            <div class="system-list-url">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/b98db7a865ec3a5588c12c79fb327686.png"
              />
            </div>
          </div>
          <div class="system-list-3 wow fadeInUp">
            <div class="system-list-url3">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/f8bc3d1e79843b1980930a3ed02a7fbc.png"
              />
            </div>
            <div class="system-list-image3">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/b0b46b326e86382f97ab60f051403f3f.png"
              />
            </div>
            <div class="system-list-sub system-list-sub2">
              通过线下人工检测然后人工录入检测数据，或设备在线检测半自动、全自动获取检测数据，并保存到数据库。
            </div>
          </div>
          <div class="system-list-4 wow fadeInUp">
            <div class="system-list-url4">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/79dbe49cfd7e305a990631182bffccb5.png"
              />
            </div>
            <div class="system-list-image4">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/c469d71e4e1030caaecc56362e9a7db5.png"
              />
            </div>
          </div>

          <div class="system-list-5 wow fadeInUp">
            <div class="system-list-url3">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/f8bc3d1e79843b1980930a3ed02a7fbc.png"
              />
            </div>
            <div class="system-list-image3">
              <van-image
                width="100%"
                height="100%"
                fit="cover"
                src="https://oss.cloudcpc.com/7ad08b4ae4803a43b62708ee6b879ae2.png"
              />
            </div>
            <div class="system-list-sub system-list-sub2">
              质量数据具有波动性和规律性。因此所有质量数据收集整理后，应进行统计分析，找出问题，分析原因，提出改进质量措施。
            </div>
          </div>
        </div>
      </div>  
    </div>
    <div class="scheme-wrapper">
      <span class="top-Title">全流程质量管理体系</span>
      <span class="top-sub tradition-sub"
        >质量管理绝非是品质检验，或者批检、巡检、首检、自检等，数智纺质量管理系统对影响产品质量的所有环节都实现有效管理，比如车间的环境检验温度、湿度、洁净度等；生产设备、检验设备、实验设备的报修与效验；产品的存储于运输保养；材料的品质保证；实验结论；检验项目与抽样设置等等。</span
      >
      <div class="scheme-img">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/67465466aabc394b8835639523b5e67b.png"
        />
      </div>
    </div>
    <div class="target-wrapper">
      <span class="top-Title target-title">价值与目标</span>
      <div class="target-img">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/cf612c66b8c8390c903afcee5fe7aa9b.png"
        />
      </div>
      <div class="target-img1">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/40c2c0f9471435bfb0f72f7845f80469.png"
        />
      </div>
      <div class="target-img2">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/a8b1b1b06392382ca140a813ebb47547.png"
        />
      </div>
      <div class="target-img3">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/0d65de1ce2fc33368b700ab0c2bd1f35.png"
        />
      </div>
      <div class="target-img4">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/76ae45b3f2ae3b028918f19ece883c95.png"
        />
      </div>
    </div>
  </div>
</template>

<script>
import { WxShare } from '@/utils/share'
import { redirectUrl } from '@/utils/config'
import { WOW } from 'wowjs'
export default {
  data() {
    return {
      tradition: [
        {
          url: 'https://oss.cloudcpc.com/8c97213261f037bba8f6bf6bd8fbbe63.png'
        },
        {
          url: 'https://oss.cloudcpc.com/23c70358b788376f971fd5841d4ab2e6.png'
        },
        {
          url: 'https://oss.cloudcpc.com/ab1b439f035c37619a6fd2f6af584cea.png'
        },
        {
          url: 'https://oss.cloudcpc.com/68bf569fcf3c3a169a6bd04e3bfe774c.png'
        }
      ],
      scheme: [
        [
          {
            url: 'https://oss.cloudcpc.com/0539d22af5b83811a6539ee36ef93e19.png',
            image: 'https://oss.cloudcpc.com/64631728ce2736fd82527aa919f316a7.png',
            sub: '建立规范、统一、完整的生产数据库，各区域、各系统、各环节数据互联互通，实时掌控生产动态，快速提升协作效率，有效预防生产问题和故障。多生产模式、多生产线、多部门、多人员协同，将生产涉及的机器设备、工作中心、工序工艺、制造过程等一体化并行处理，避免资源闲置和浪费。'
          },
          {
            url: 'https://oss.cloudcpc.com/92f0508f931f35f995f3b036f2e7fb75.png',
            image: 'https://oss.cloudcpc.com/45298554048f32b885044dd0c3775a89.png',
            sub: 'MRP和物料清单自动匹配核算，对物料生成预测单安排采购，通过生产订单CRP核算，自动进行时间推算与生产能力平衡，快速应对插单、急单。自动根据排产规则，安排生产订单的开始时间、生产车间、生产线以及结束时间，自动调度替代人工排产，效率更高，错漏更少，避免车间管理混乱。'
          },
          {
            url: 'https://oss.cloudcpc.com/c6aa373df6d23234b8498a0b62361676.png',
            image: 'https://oss.cloudcpc.com/610655840c4a3f4595452c54d526cb8f.png',
            sub: '生产全程一体化管理，从BOM、工艺、预测、计划、订单、车间、委外，到质检、计件、成本核算，信息高度共享，流程自动衔接，过程轻松把控。提供简易流程、中级流程、完整流程，全面满足生产流程之所需，自定义审批流，精细管控生产过程每个环节，持续优化生产线性能，提前避免风险。'
          }
        ],
        [
          {
            url: 'https://oss.cloudcpc.com/4a8aaac4ae563505938bd71949e350cd.png',
            image: 'https://oss.cloudcpc.com/cc5d67b0a81534309f93a0da537fca4e.png',
            sub: '进度汇报自动关联生产数据，一键查看生产订单所有执行过程（子单合集），实时跟踪、掌控订单进度，及时调整、安排生产活动，进度一目了然。强大的进度查询功能，订单编号、开始日期、截止日期、产量进度、工时进度、订单状态、产品信息、订单流程、计件工资及发放状态，尽在掌控。'
          },
          {
            url: 'https://oss.cloudcpc.com/25b5c32a1686388d892496cdbb3a5a3f.png',
            image: 'https://oss.cloudcpc.com/ebbb0363847b36c1ac718f9f3301c777.png',
            sub: '提供生产质检和委外质检，自定义设置质检字段、编号、类型、等级，支持质检单跟进、合格品入库、不合格品返修，降低废品率，为企业节约成本。为每个产品建立唯一标记，支持抽检和全检，支持每道工序和产品质检，严控产品质量，减少退货、索赔风险，帮您追踪产品问题根源，及时改进。'
          },
          {
            url: 'https://oss.cloudcpc.com/5ec9321d468a3705aa575b8fe0d400a4.png',
            image: 'https://oss.cloudcpc.com/610655840c4a3f4595452c54d526cb8f.png',
            sub: '建立科学全面的成本核算规则，自动统计生产相关间接费用，同步核实生产相关直接费用，生产订单成本核算完毕，订单关联业务数据实时同步。全面记录订单生产过程各种耗费，生产数据全面协同，订单成本自动更新，生产成本一键核算，确保产品成本准确及时，真实反映企业利润水平。'
          }
        ]
      ]
    }
  },
  mounted() {
    const { fullPath } = this.$route
    this.$nextTick(() => {
          let wow = new WOW({
            boxClass: 'wow', /// 动画元件css类（默认为wow）
            animateClass: 'animated', // 动画css类（默认为animated）
            offset: 0, // 到元素距离触发动画（当默认为0）
            mobile: true, // 在移动设备上触发动画（默认为true）
            live: true // 对异步加载的内容进行操作（默认为true）
          })
          // wow.start()
          wow.init()
        })
    // WxShare({
    //   title: '云上展',
    //   desc: '数字展馆一站式服务，文化、品牌、科技、展示、互动、营销多位一体，量身定制虚拟数字解决方案！',
    //   link: `${redirectUrl}${fullPath}`,
    //   imgUrl: 'https://www.2025.net/share.png'
    // })
  },

  methods: {}
}
</script>
<style lang="scss" scoped>
@import './index';
</style>
